<!-- <page-header></page-header> -->
<app-table-page #st [tmp]="tmp" [process]="dataProcess" [config]="config" (operateClick)="operate($event,EditContent)" (_selectChange)="selectChange($event)">
    <ng-template #tmp>
        <button nz-button down-file http-url="./assets/tmp/app-data.json" nzType="primary">导出数据</button>
        <button nz-button nzType="primary" (click)="batchAudit(EditContent)">批量审核</button>
    </ng-template>
</app-table-page>
<ng-template #EditContent>
    <nz-form-item>
        <nz-form-label [nzSpan]="3">描述</nz-form-label>
        <nz-form-control [nzSpan]="17">
            <textarea nz-input rows="5" [(ngModel)]="textareaData"></textarea>
        </nz-form-control>
    </nz-form-item>
    <nz-form-item>
        <nz-form-control class="text-center">
            <button (click)="auditClick(2)" nz-button nzType="primary">通&nbsp;&nbsp;过</button>
            <button (click)="auditClick(3)" nz-button nzType="danger">不通过</button>
        </nz-form-control>

    </nz-form-item>
</ng-template>
<nz-modal [(nzVisible)]="isVisible" nzTitle="查看附件" (nzOnCancel)="isVisible = false" [nzFooter]="null">
  <div class="clearfix">
    <div *ngFor="let item of fileList" style="float: left;width: 100px;height: 100px;  margin-right: 10px;margin-bottom: 10px;border: 1px solid #ccc">
      <img [src]="imgUrl + item" alt="" style="width: 100%;height: 100%" (click)="previewImage=item;previewVisible=true">
    </div>
    <nz-modal [(nzVisible)]="previewVisible" nzTitle="图片预览" [nzContent]="imgContent" [nzFooter]="null" (nzOnCancel)="previewVisible = false">
      <ng-template #imgContent>
        <img [src]="imgUrl + previewImage" [ngStyle]="{ width: '100%', cursor: 'pointer' }" />
      </ng-template>
    </nz-modal>
  </div>
</nz-modal>
